﻿* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.nva {
    width: 100%;
    height: 52px;
    background-color:#555555;
    overflow: hidden;
    text-align: center;
}

.search-form {
    padding: 0px 95px;
    margin: -41px 20px;
    color: #aaa;
    line-height: 40px;
    display: block;
    cursor: pointer;
    float: right;
}

.list {
    width: 100%;
    height: 40px;
    /*margin: 0 auto;*/
    list-style-type: none;
    margin-left: 20px;
}

.Log {
    padding: 0 30px;
    color: #aaa;
    line-height: 40px;
    display: block;
    cursor: pointer;
    font-size: 29px;
    margin-top: 5px;
}
.Log b {
    font-size: 22px;
}

    .Log :hover {
        font-size: 170%;
    }

.list li {
    float: left;
    font-size: 15px;
}

    .list li a {
        padding: 0 30px;
        color: #aaa;
        line-height: 51px;
        display: block;
        transition: 0.2s;
        width: 70px;
    }

.list b, .list i {
    display: block;
}

.list li .parent:hover {
    margin-top: -51px;
    background: #333;
    color: #fff;
}

.list li .down a:hover {
    background-color:#333333;
}

.down {
    margin-top: 11px;
    
}

.list li a.on {
    background: #333;
    color: #fff;
}
/* 
	Theme Baseed On X2013
	WordPress: http://lisizhang.com/x2013/
	Z-Blog: http://app.rainbowsoft.org/?id=190
*/
@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, del, dfn, em,
img, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, button,
input, table, caption, tbody, tfoot, thead, tr, th, td, menu {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav,
section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio :not (
[
controls
]
 
) {
        display: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

ol, ul, menu {
    list-style: none;
}

img {
    border: 0;
}

a {
    color: #0088DB;
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        color: #FF6600;
    }

    a:focus {
        outline: none;
    }

em, i {
    font-style: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: -3px;
    outline: none;
}

button, input {
    border: 1px solid;
    outline: none;
    line-height: normal;
    *overflow: visible;
}

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

textarea {
    overflow: auto;
    vertical-align: top;
}

::selection {
    background: #888;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #888;
    color: #fff;
    text-shadow: none;
}

*[hidden] {
    display: none;
}

.none {
    display: none;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
    filter: alpha(opacity = 65);
    z-index: 88;
}

    .mask img {
        height: 100%;
        width: 100%;
    }

a, button, input {
    transition: all 0.2s ease-out;
}

.clearfix:after, .central:after, .widget ul:after, .paging:after,
.pagenav:after, .base-tit:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix, .central, .widget ul, .paging, .pagenav, .base-tit {
    *+ height: 1%;
}

body, button, input, select, textarea, code {
    font-size: 12px;
    font-family: microsoft yahei;
    color: #444;
    background: #fbfbfb;
}

/* wrapper */
.central {
    max-width: 1068px;
    _width: 1068px;
    padding: 0 10px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.header {
    background-color: #555;
    color: #fff;
    padding: 0;
    z-index: 9;
    position: relative;
}

.wrapper {
    border: solid 1px #DADADA;
    padding: 20px;
}

.content-wrap {
    width: 100%;
    float: left;
}

.container {
    margin-bottom: 20px;
}

.content {
    margin-right: 336px;
    overflow: hidden;
}

.single .content {
    margin-right: 336px;
}

.sidebar {
    float: left;
    margin-left: -300px;
    margin-top: 10px;
    width: 300px;
    position: relative;
    _overflow: hidden;
    _padding-top: 5px;
}

.popular {
    float: left;
    margin-left: -560px;
    width: 240px;
}

.slidebanner {
    height: 80px;
    margin-bottom: 20px;
}

/* sprite */
.ico {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
}

.focus {
    background: #eee;
    margin: 0px 0 16px;
    padding: 13px 0;
}

.toptip {
    display: inline-block;
    color: #666;
}

    .toptip strong {
        color: #f60;
    }

    .toptip a {
        padding: 1px 9px;
        border-radius: 15px;
        background-color: #999;
        color: #fff;
    }

        .toptip a:hover {
            background-color: #38A3DB;
        }

.ico {
    overflow: hidden;
    line-height: 64px;
    font-size: 0;
    display: inline-block;
}

/* logo */
.logo {
    width: 160px;
    float: left;
    height: 38px;
    margin: 18px 28px 0 0;
    display: block;
    overflow: hidden;
    line-height: 38px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

    .logo a {
        display: block;
        color: #fff;
        overflow: hidden;
    }

        .logo a:hover {
            font-size: 30px;
        }

/* nav */
.nav {
    float: left;
    font-size: 16px;
}

    .nav li {
        float: left;
        position: relative;
        margin-right: 8px;
        
    }

        .nav li a {
            color: #fff;
            padding: 0;
            float: left;
            line-height: 78px;
            height: 77px;
            width: 77px;
            text-align: center;
            border-top: 3px solid #555;
        }

.list li:hover a {
    background-color: #38A3DB;
    color: #fff;
    border-color: #38A3DB;
}

 .list .index, .list .index b {
        background:#38A3DB;
        color: #fff;
    }

 .list .down{ position: absolute; top: 40px; background-color: #222; /*display: none;*/ }
.list .down a{ color: #aaa; padding-left: 30px; display: block; }

.nav li a.current {
    border-color: #43beff;
}

.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_item a,
.nav li.current-post-ancestor a {
    color: #fff;
    background-color: #0072BC;
    position: relative;
    z-index: 2;
}

.nav li:hover ul {
    display: block;
}

.nav li ul {
    position: absolute;
    top: 29px;
    left: 0;
    min-width: 120px;
    z-index: 10;
    display: none;
    line-height: 18px;
    font-size: 12px;
    background-color: #0072BC;
    border-radius: 0 2px 2px 2px;
    _width: 120px;
}

.nav li li {
    float: none;
    margin: 0;
    position: relative;
}

    .nav li li a {
        margin: 2px;
        padding: 0 10px;
        float: none;
        display: block;
        *min-width: 100px;
    }

        .nav li li a:hover, .nav li li.current-menu-item a {
            background-color: #fff;
            color: #0072BC;
        }

.nav .nav-arrow {
    display: inline-block;
    margin-left: 3px;
    position: relative;
    top: -2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #999;
}

.search-input {
    float: left;
    height: 21px;
    line-height: 21px;
    padding: 4px 7px;
    background-color: #fbfbfb;
    width: 160px;
    color: #B3B3B3;
    border: none;
    border-radius: 2px;
    border-radius: 2px 0 0 2px;
}

    .search-input:focus {
        color: #444;
        background-color: #fff;
    }

.btn.search-submit {
    float: left;
    border-radius: 0 2px 2px 0;
    border: none;
    height: 29px;
    _overflow: hidden;
    font-weight: normal;
    min-width: 36px;
    padding: 0 10px;
}

    .btn.search-submit:hover {
        box-shadow: none;
    }

.clear {
    clear: both;
    height: 20px;
}

.line-dashed {
    border-top: 1px #CCC dashed;
    height: 5px;
}

.list_posts {
    font-size: 14px;
    width: 46%;
    padding: 10px;
    display: inline;
    float: left;
    overflow: hidden;
    min-width: 140px;
    line-height: 30px;
}

    .list_posts a {
        color: #333;
    }

        .list_posts a:hover {
            color: #FF6600;
        }

    .list_posts time {
        color: #ccc;
        float: right;
    }

    .list_posts h4 {
        border-bottom: 1px solid #38A3DB;
        margin-bottom: 10px;
    }

    .list_posts ul li {
        white-space: nowrap;
        overflow: hidden;
    }

.widget_divTags ul {
    padding: 8px 0;
}

.widget_divTags li {
    padding: 5px;
    float: left;
}

/* hasfixed 
#hasfixed{margin-top: 69px;}
#hasfixed .header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;} */

/* btn */
.btn, .cp-login, .cp-vrs, #btnPost {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 52px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    color: #666;
    background-color: #f5f5f5;
}

input.btn {
    height: 29px;
}

.btn:hover {
    color: #333;
    background-color: #f8f8f8;
}

.btn:active, .btn.btn-active {
    outline: none;
}

.btn:focus {
    outline: none;
}

.btn-primary {
    color: #f3f7fc;
    background-color: #38a3db;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #3cade8;
    }

    .btn-primary:active, .btn-primary.btn-active {
        background-color: #3aa8e2;
    }

    .btn-primary:focus {
        outline: none;
    }

.btn-large {
    height: 37px;
    line-height: 37px;
    padding: 0 25px;
    font-size: 14px;
}

.btn-mini, .cp-login, .cp-vrs {
    height: 23px;
    line-height: 23px;
    padding: 0 8px;
    font-weight: normal;
}

.btn-arrow {
    padding: 0 12px 0 12px;
}

    .btn-arrow .arrow {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -2px;
        border-color: #bbb transparent;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        width: 0;
        height: 0;
        display: inline-block;
        _display: none;
    }
/*.btn.btn-arrow .arrow{border-top-color: #bbb;}*/
.btn.btn-arrow:hover .arrow {
    border-top-color: #999;
}

.btn-primary.btn-arrow .arrow {
    border-top-color: #F3F7FC;
}

.btn-primary.btn-arrow:hover .arrow {
    border-top-color: #fff;
}

.btn-image {
    vertical-align: top;
    padding-left: 3px;
}

    .btn-image img {
        display: inline-block;
        margin: 2px 5px 0 0;
        border-left: solid 5px #aaa;
    }

/* header-menu */
.header-menu {
    float: right;
    margin-top: 24px;
}

    .header-menu li {
        float: left;
        position: relative;
        margin-left: 5px;
    }

.btn-headermenu {
    font-weight: normal;
    color: #f3f7fc;
    background-color: #5cb85c;
    padding: 1px 12px 1px 12px;
}

    .btn-headermenu:hover, .btn-headermenu:active, .btn-headermenu:focus,
    .btn.btn-active {
        box-shadow: none;
        color: #fff;
        background-color: #5cc15c;
    }

/* popup */
.popup-layer {
    display: none;
    position: absolute;
    left: auto;
    right: 0;
    z-index: 99;
    *width: 270px;
    *padding-top: 41px;
}

.popup {
    margin-top: 12px;
    background-color: #fff;
    border: solid 3px #e8e8e8;
}

    .popup h4 {
        font-size: 12px;
        margin-bottom: 2px;
        color: #444;
    }

.popup-arrow, .popup-arrow i {
    position: absolute;
    border-color: transparent;
    border-style: dashed solid solid;
    border-width: 0 7px 7px;
    width: 0;
    height: 0;
    display: inline-block;
}

.popup-arrow {
    display: none;
    bottom: -12px;
    left: 50%;
    margin-left: -7px;
    z-index: 100;
    border-bottom-color: #e8e8e8;
    _top: -100px;
}

    .popup-arrow i {
        top: 1px;
        left: -7px;
        border-bottom-color: #fff;
    }

.popup-signin {
    margin: 16px;
}

    .popup-signin .ipt {
        margin-bottom: 12px;
        width: 220px;
    }

    .popup-signin .btn-primary {
        width: 234px;
    }

    .popup-signin p {
        border-top: solid 1px #CCCCCC;
        margin: 12px -16px 0;
        padding: 12px 16px 0;
    }

        .popup-signin p .btn {
            margin-right: 10px;
        }

/* popup-profile */
.popup-profile {
    padding-left: 66px;
    vertical-align: top;
    margin: 16px 46px 16px 0;
    overflow: hidden;
}

    .popup-profile .avatar {
        float: left;
        margin-left: -50px;
    }

    .popup-profile .name {
        display: block;
        font-weight: bold;
        color: #444;
    }

    .popup-profile .mail {
        display: block;
        color: #666;
        margin: 4px 0 8px;
    }

.popup-profile-tips {
    padding: 10px 16px;
    border-top: solid 1px #ccc;
    box-shadow: inset 0 1px 4px #ddd;
}

.popup-profile-ctrl {
    padding: 10px 16px;
    border-top: solid 1px #ddd;
}

/* popup-follow */
.popup-follow-weibo {
    overflow: hidden;
    padding: 16px 13px 16px 0;
    _zoom: 1;
}

    .popup-follow-weibo li {
        float: left;
        width: 48%;
    }

    .popup-follow-weibo .btn {
        display: block;
        margin-left: 15px;
    }

.popup-follow-feed {
    padding: 12px 16px 14px;
    border-top: solid 1px #e8e8e8;
}

    .popup-follow-feed a {
        display: inline-block;
        margin: 0 10px 12px 0;
    }

    .popup-follow-feed .ipt {
        width: 220px;
    }

.popup-follow-mail {
    overflow: hidden;
    _zoom: 1;
    padding: 12px 16px 14px;
    border-top: solid 1px #CCCCCC;
}

    .popup-follow-mail .ipt {
        *float: left;
        width: 140px;
    }

    .popup-follow-mail .btn {
        float: right;
    }

/* input */
.ipt {
    border: solid 1px #ddd;
    border-radius: 2px;
    background-color: #fff;
    padding: 4px 6px;
    height: 21px;
    line-height: 21px;
    color: #555;
    width: 180px;
    vertical-align: baseline;
}

    .ipt:focus {
        border-color: #95C8F1;
    }

/****************************************************************/

/* excerpt */
.excerpt-tab {
    border-bottom: solid 1px #e6e6e6;
}

.excerpt {
    position: relative;
    overflow: hidden;
    padding: 0 0 16px;
    _zoom: 1;
    margin-bottom: 20px;
    border-bottom: solid 2px #f0f0f0;
}
    /** 162px **/
    .excerpt .pic {
        float: left;
        width: 140px;
        margin-left: -162px;
        border: solid 1px #ddd;
        padding: 2px;
        box-shadow: 0px 1px 1px #eee;
    }

        .excerpt .pic img {
            width: 140px;
            height: 98px;
            display: block;
        }

        .excerpt .pic:hover {
            border-color: #ccc;
            border-bottom-color: #bbb;
        }

    .excerpt h2 {
        font-size: 28px;
        margin: 4px 0 12px;
        overflow: hidden;
        font-weight: normal;
    }

        .excerpt h2 a {
            color: #333;
        }

            .excerpt h2 a:hover {
                color: #0082c8;
            }

        .excerpt h2 strong {
            color: #8CAC52;
            margin-right: 10px;
        }

    .excerpt .note {
        position: relative;
        overflow: hidden;
        color: #444;
        font-size: 16px;
        line-height: 35px;
    }

        .excerpt .note .readmore {
            padding: 8px 0 8px;
        }

            .excerpt .note .readmore a {
                font-size: 13px;
                background-color: #38A3DB;
                color: #fff;
                border-radius: 15px;
                padding: 2px 10px 3px;
            }

                .excerpt .note .readmore a:hover {
                    background-color: #43beff;
                }

    .excerpt .itag a {
        border-style: solid;
        border-width: 1px;
        border-color: #e2e2e2 #ddd #ddd #e2e2e2;
        display: inline-block;
        margin-right: 3px;
        border-radius: 1px;
        padding: 0 5px;
        line-height: 18px;
    }

.info {
    margin-bottom: 12px;
}

    .info, .info a {
        color: #777;
    }

        .info a:hover {
            color: #333;
            text-decoration: underline;
        }

.spndate {
    border-left: 5px solid #a4cee6;
    padding-left: 5px;
}

.spnname {
    border-left: 5px solid #cbafab;
    padding-left: 5px;
    margin-left: 20px;
}

.spncate {
    border-left: 5px solid #ebafab;
    padding-left: 5px;
    margin-left: 20px;
}

.spncomm {
    border-left: 5px solid #e0badd;
    padding-left: 5px;
    margin-left: 20px;
}

.spnview {
    border-left: 5px solid #b8d088;
    padding-left: 5px;
    margin-left: 20px;
}

.atag {
    margin-left: 20px;
}

/****************************************************************/

/* sidebar */
.aside-tit {
    clear: both;
    font-size: 12px;
    border-bottom: 1px solid #BDD2DF;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #333;
}

    .aside-tit span {
        font-weight: normal;
        float: right;
    }

    .aside-tit a {
        margin-left: 8px;
    }

/* base-tit */
.base-tit {
    clear: both;
    font-size: 20px;
    font-weight: normal;
    border-bottom: solid 1px #e6e6e6;
    padding: 0 0 5px 0;
    margin-bottom: 16px;
    color: #444;
}

    .base-tit span {
        float: right;
        color: #390;
        font-weight: normal;
    }

    .base-tit b {
        color: #f60;
    }

.queryinfo {
    padding-bottom: 6px;
}
/****************************************************************/
.widget {
    clear: both;
    margin: 0 0 8px;
    padding: 23px 28px 18px;
    font-size: 13px;
    border-top: 5px solid #0082c8;
    background-color: #f5f5f5;
    color: #333;
}

    .widget h3 {
        position: relative;
        padding-bottom: 8px;
        font-size: 20px;
        font-weight: normal;
        line-height: 20px;
        color: #000;
    }

.widget-notip {
    line-height: 20px;
    color: #666;
    border-top-color: #f00;
}

.widget a {
    color: #333;
    border-bottom: 2px #f5f5f5 solid;
}

    .widget a:hover {
        color: #000;
        text-decoration: none;
        border-bottom: 2px #ccc solid;
    }

.widget-notip h3 {
    margin-bottom: 13px;
}

.widget_divCatalog, .widget_divStatistics, .widget_divArchives,
.widget_divFavorites, .widget_divLinkage, .widget_divMisc {
    line-height: 32px;
}

    .widget_divCatalog ul, .widget_divStatistics ul, .widget_divArchives ul,
    .widget_divFavorites ul, .widget_divLinkage ul, .widget_divMisc ul {
        overflow: hidden;
    }

    .widget_divCatalog li, .widget_divStatistics li, .widget_divArchives li,
    .widget_divFavorites li, .widget_divLinkage li, .widget_divMisc li {
        float: left;
        width: 50%;
    }

    .widget_divMisc li {
        margin: 9px 0 0 0;
    }

.widget_links li {
    width: 50%;
    float: left;
}

/* widget_ color */
.widget_divCatalog {
    border-color: #5cb85c;
}

.widget_divCatalog {
    border-color: #5cb85c;
}

.widget_divComments {
    border-color: #442359;
}

.widget_divFavorites {
    border-color: #e97d11;
}

.widget_divLinkage {
    border-color: #e8846c;
}

/* widget_views */
.widget_views li, .widget_d_sticky li, .widget_divComments li,
.widget_divPrevious li, .widget_links li, .d_hotpost_txt li,
.widget_divAboutKen li {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* widget_pages */
.widget_pages ul {
    line-height: 30px;
    overflow: hidden;
}

.widget_pages li {
    float: left;
    width: 50%;
    border-bottom: solid 1px #eee;
}

    .widget_pages li a {
        display: block;
    }

/* widget banner */
.widget_d_banner img {
    display: block;
}

.sidebar .widget_d_banner img {
    max-width: 300px;
}

.popular .widget_d_banner img {
    max-width: 240px;
}

/* widget_d_readers */
.widget_d_readers ul {
    margin-right: -5px;
}

.widget_d_readers li {
    position: relative;
    width: 36px;
    height: 36px;
    float: left;
    margin: 6px 7px 0 0;
}

.popular .widget_d_readers ul {
    padding-top: 0;
    margin-right: -10px;
}

.popular .widget_d_readers li {
    margin: 8px 4px 0 0;
}

.widget_d_readers li img {
    display: block;
    position: relative;
    z-index: 3;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.widget_d_readers .avatar-popup {
    position: absolute;
    z-index: 2;
    top: -10px;
    left: -10px;
    background-color: #fff;
    border: solid 1px #ccc;
    border-top: solid 2px #f90;
    padding: 10px 10px 10px 52px;
    display: none;
}

.widget_d_readers .num {
    color: #f90;
    display: block;
    font-weight: bold;
    line-height: 36px;
}

.widget_d_readers .name {
    display: block;
    margin: 5px 0 0 -43px;
    text-align: center;
    max-width: 160px;
}

.widget_d_readers li:hover {
    z-index: 20;
}

    .widget_d_readers li:hover .avatar-popup {
        display: block;
    }

.widget_d_readers li a, .widget_d_readers li a:hover {
    color: #fff;
}

.widget_d_readers ul:hover img {
    opacity: .5;
    filter: alpha(opacity = 50);
}

.widget_d_readers ul:hover li:hover img {
    opacity: 1;
    filter: alpha(opacity = 100);
}

.widget_d_banner .sell {
    display: block;
    border: solid 1px #d6d6d6;
    color: #999;
    text-align: center;
    height: 123px;
    line-height: 123px;
    font-weight: bold;
}

    .widget_d_banner .sell:hover {
        border-color: #bbb;
        color: #777;
    }

/* ContorPanel */
.widget_divContorPanel div {
    padding: 0 0 10px 0;
    border-bottom: solid 1px #E0E0E0;
    overflow: hidden;
}

span.cp-hello {
    margin-bottom: 5px;
    line-height: 37px;
}

.widget_divSearchPanel input {
    margin: 5px 0 0 0;
    line-height: 21px;
    padding: 4px 7px;
    width: 60%;
    color: #B3B3B3;
}

#btnPost {
    width: 30%;
}
/* widget comment */
.widget_d_comment ul a {
    padding: 7px 20px 7px 46px;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    color: #999;
}

.widget_d_comment ul img {
    float: left;
    width: 36px;
    margin-left: -46px;
}

.widget_d_comment ul strong {
    color: #0055aa;
    display: block;
    margin-bottom: 1px;
    font-weight: normal;
}

.widget_d_comment ul a em {
    position: absolute;
    right: 0;
    color: #ddd;
    font-size: 14px;
    font-weight: bold;
    font-family: simsun;
    font-style: normal;
    margin: 10px 0 0 0;
}

.widget_d_comment ul a:hover {
    background-color: #fbfbfb;
    color: #666;
}

    .widget_d_comment ul a:hover em {
        color: #aaa;
    }

/* widget calendar */
.widget_divCalendar table {
    width: 100%;
    text-align: center;
}

    .widget_divCalendar table caption {
        padding: 8px 0;
    }

    .widget_divCalendar table #prev {
        text-align: left;
    }

    .widget_divCalendar table #next {
        text-align: right;
    }

    .widget_divCalendar table tbody td {
        padding: 2px;
    }

        .widget_divCalendar table tbody td a {
            display: block;
            margin: 1px 2px;
            background-color: #DDD;
        }

.widget_categories {
    line-height: 29px;
}

    .widget_categories ul {
        overflow: hidden;
    }

    .widget_categories li {
        float: left;
        width: 50%;
    }

.d_hotpost_thumb, .d_hotpost_thumbtxt {
    width: 110%;
}

    .d_hotpost_thumb li, .d_hotpost_thumbtxt li {
        float: left;
        width: 146px;
        height: 146px;
        overflow: hidden;
        margin: 10px 8px 5px 0;
        line-height: 18px;
    }

    .d_hotpost_thumb li {
        height: 104px;
        margin-bottom: 2px;
    }

        .d_hotpost_thumb li img, .d_hotpost_thumbtxt li img {
            border: solid 1px #ddd;
            padding: 2px;
            margin-bottom: 2px;
        }

            .d_hotpost_thumb li img:hover, .d_hotpost_thumbtxt li img:hover {
                border-color: #ccc;
            }

/* widget meta */
.widget_meta .widget_tit {
    margin-bottom: 10px;
}

.widget_meta ul {
    line-height: 24px;
}

    .widget_meta ul a {
        color: #999;
    }

        .widget_meta ul a:hover {
            color: #333;
            text-decoration: underline;
        }

/* select */
.widget_archive select, .widget_categories select {
    margin-top: 10px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 2px;
}

/* paging */
.paging, .pagenav {
    overflow: hidden;
}

.pagenav {
    padding-top: 16px;
}

    .paging a, .paging .now-page, .pagenav a, .pagenav .now-page, .paging .dots,
    .pagenav .page-numbers {
        padding: 5px 12px;
        _height: 16px;
        _overflow: hidden;
        font-size: 13px;
        color: #666;
        background-color: #eee;
        display: block;
        margin-right: 3px;
        float: left;
        border-radius: 2px;
    }

    .paging .now-page, .pagenav .now-page {
        background-color: #38A3DB;
        color: #fff;
    }

    .paging a:hover, .pagenav a:hover {
        background-color: #ccc;
    }

    .paging a:active, .pagenav a:active {
        background-color: #bbb;
    }

/* footer */
.footer {
    clear: both;
    padding: 15px 0;
    color: #fff;
    background-color: #555;
    position: relative;
    z-index: 1;
}

    .footer a {
        color: #fff;
    }

        .footer a:hover {
            color: #fff;
            text-decoration: underline;
        }

.trackcode {
    float: right;
}

/* pagewrapper */
.pagewrapper {
    overflow: hidden;
    padding-left: 190px;
    position: relative;
}

.page-sidebar {
    float: left;
    width: 169px;
    margin-left: -190px;
    border-right: solid 1px #e2e2e2;
    position: absolute;
    height: 100%;
}

.page-title {
    border-bottom: 1px solid #e2e2e2;
    font-size: 18px;
    padding: 0 0 10px;
    margin: 0 0 20px;
    color: #444;
}

    .page-title strong {
        font: bold 12px/18px arial;
        font-style: normal;
        color: #999;
        margin: 0 10px;
    }

    .page-title em {
        font-style: normal;
        font-weight: normal;
        color: #080;
        font-size: 12px;
    }

    .page-title .btn {
        font-weight: normal;
        margin-left: 20px;
    }

        .page-title .btn:active {
            border-bottom-color: #fff;
        }

.pagewrapper .share {
    float: right;
    margin-top: -52px;
}

.pagewrapper .entry {
    margin-bottom: 16px;
}

.page-navbar {
    line-height: 31px;
}

    .page-navbar li {
        margin-bottom: 1px;
    }

        .page-navbar li ul a {
            padding-left: 28px;
        }

        .page-navbar li a, .page-navbar li.current-menu-item .sub-menu a,
        .page-navbar li.current_page_item .sub-menu a {
            position: relative;
            display: block;
            padding: 0 15px;
            color: #666;
            background-color: #fff;
            border-left: solid 3px #fff;
            font-weight: normal;
            height: 31px;
        }

            .page-navbar li a:hover {
                background-color: #F5F5F5;
                color: #444;
            }

        .page-navbar li.current-menu-item a, .page-navbar li.current_page_item a {
            color: #333;
            background-color: #f5f5f5;
            border-left-color: #357AE8;
            font-weight: bold;
        }

        .page-navbar li.current-menu-item .sub-menu a, .page-navbar li.current_page_item .sub-menu a {
            margin-left: 12px;
        }

        .page-navbar li.current-menu-item a::before, .page-navbar li.current_page_item a::before {
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            top: 50%;
            right: -1px;
            margin-top: -8px;
            border-width: 8px 8px 8px 0;
            border-style: dotted;
            border-color: transparent #d6d6d6;
        }

        .page-navbar li.current-menu-item a::after, .page-navbar li.current_page_item a::after {
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            top: 50%;
            right: -1px;
            margin-top: -7px;
            border-width: 7px 7px 7px 0;
            border-style: dotted;
            border-color: transparent #fff;
        }

        .page-navbar li.current-menu-item .sub-menu a::before, .page-navbar li.current_page_item .sub-menu a::before,
        .page-navbar li.current-menu-item .sub-menu a::after, .page-navbar li.current_page_item .sub-menu a::after {
            display: none;
        }

/* page links */
.links {
    clear: both;
    padding-top: 20px;
}

    .links h2 {
        font-size: 14px;
        color: 333333;
        margin-bottom: 12px;
        border-bottom: solid 1px #e2e2e2;
        padding-bottom: 5px;
    }

    .links ul {
        margin-bottom: 16px;
        overflow: hidden;
        line-height: 36px;
        _zoom: 1;
    }

        .links ul li {
            width: 20%;
            float: left;
        }

            .links ul li a {
                display: inline-block;
                padding: 5px 0;
                overflow: hidden;
            }

                .links ul li a:hover {
                }

            .links ul li img {
                position: relative;
                top: 3px;
                margin-right: 5px;
                *top: 8px;
                _top: 3px;
            }

/* page readers */
.readers {
    margin-bottom: 20px;
}

    .readers li {
        position: relative;
        width: 36px;
        height: 36px;
        float: left;
        margin: 0 4px 4px 0;
    }

        .readers li img {
            display: block;
            position: relative;
            z-index: 3;
            -webkit-transition: all .4s ease-out;
            -moz-transition: all .4s ease-out;
            transition: all .4s ease-out;
        }

    .readers .avatar-popup {
        position: absolute;
        z-index: 2;
        top: -10px;
        left: -10px;
        background-color: #fff;
        border: solid 1px #ccc;
        border-top: solid 2px #f90;
        padding: 10px 10px 10px 52px;
        display: none;
    }

    .readers .num {
        color: #f90;
        display: block;
        font-weight: bold;
        line-height: 36px;
    }

    .readers .name {
        display: block;
        margin: 5px 0 0 -43px;
        text-align: center;
        max-width: 160px;
    }

    .readers li:hover {
        z-index: 20;
    }

        .readers li:hover .avatar-popup {
            display: block;
        }

    .readers li a, .readers li a:hover {
        color: #fff;
    }

    .readers:hover img {
        opacity: .5;
        filter: alpha(opacity = 50);
    }

    .readers:hover li:hover img {
        opacity: 1;
        filter: alpha(opacity = 100);
    }

/* page tags */
.tag-clouds li {
    float: left;
    width: 25%;
    margin-bottom: 12px;
    padding-bottom: 2px;
    height: 76px;
    border-bottom: 1px dotted #ddd;
}

.tag-clouds strong {
    color: #666;
    margin-left: 2px;
}

.tag-clouds p {
    overflow: hidden;
    height: 18px;
    padding: 8px 20px 0 0;
}

.tag-clouds em {
    color: #bbb;
    display: block;
    font-style: normal;
}

.tag-clouds .tag-link {
    color: #888;
    border: solid 1px #d6d6d6;
    border-radius: 1px;
    box-shadow: 0 1px 1px #eee;
    padding: 2px 6px;
    margin-right: 4px;
    display: inline-block;
    border-color: #d6d6d6 #ccc #ccc #d6d6d6;
}

    .tag-clouds .tag-link:hover {
        background-color: #fbfbfb;
        border-color: #bbb;
        color: #444;
        box-shadow: 0 1px 1px #ddd;
    }

.archives h3 {
    margin-bottom: 10px;
}

.archives td {
    padding: 10px 10px 9px;
    border-bottom: solid 1px #eee;
}

.archives table {
    margin-bottom: 26px;
    padding: 10px 0 20px;
    width: 100%;
}

.meta-tit {
    border-bottom: solid 1px #e6e6e6;
    padding: 0 0 10px;
    margin-bottom: 20px;
}

/* share */
.share {
    overflow: hidden;
    margin-top: -4px;
}

.share-tit {
    float: left;
    padding-top: 5px;
}

.article-header .share {
    float: right;
}

.banner {
    overflow: hidden;
    margin-bottom: 16px;
    clear: both;
}

    .banner img {
        display: block;
    }

.banner-post-03 {
    margin: 16px 0 0;
}

/* meta */
.article-header {
    padding-bottom: 15px;
    margin-bottom: 25px;
}
/** border-bottom: solid 1px #f1f1f1; **/
.article-title {
    font-size: 28px;
    font-weight: normal;
    margin: 0 0 10px;
    color: #333;
}

    .article-title a {
        color: #2A5E8E;
    }

    .article-title span a {
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
        color: #080;
    }

.article-meta, .article-meta a {
    color: #777;
}

    .article-meta a:hover {
        text-decoration: underline;
        color: #333;
    }

/* entry */
.article-entry {
    font-size: 16px;
    line-height: 35px;
    word-wrap: break-word;
    overflow: hidden;
}

    .article-entry hr {
        border: none;
        border-top: 2px solid #eee;
        margin-bottom: 25px;
    }

    .article-entry p {
        margin-bottom: 28px;
        position: relative;
        overflow: hidden;
    }
    /** text-indent:2em; **/
    .article-entry img {
        position: relative;
        overflow: hidden;
        max-width: 100% !important;
        height: 100% !important;
    }
        /** margin-left: -2em; padding: 5px;border: solid 1px #e6e6e6;**/
        .article-entry img:hover {
            background-color: #fbfbfb;
            border-color: #ddd;
        }

    .article-entry a {
        color: #51aded;
        border-bottom: 3px #e0e0e0 solid;
        margin: 0 1px;
        padding: 0 1px 2px;
    }

        .article-entry a:hover {
            color: #38A3DB;
            border-color: #38A3DB;
        }

    .article-entry h2, .article-entry h3, .article-entry h4 {
        font-weight: normal;
        color: #0082c8;
        margin-bottom: 25px;
    }
    /** border-bottom: #eee 1px solid; **/
    .article-entry h2 {
        font-size: 21px;
    }

    .article-entry h3, .article-entry h4 {
        font-size: 18px;
    }

    .article-entry ul {
        margin: 0 0 16px 26px;
    }

    .article-entry ol {
        margin: 16px;
    }

    .article-entry ul li {
        background: url() no-repeat 0 10px;
        padding-left: 20px;
        margin-bottom: 10px;
        *list-style: disc;
        *padding-left: 0;
    }

    .article-entry ol li {
        list-style: decimal;
        margin-left: 28px;
    }

    .article-entry code {
        padding: 1px 4px;
        border-radius: 2px;
        background-color: #eee;
        font-family: 'courier new';
        color: #777;
        margin: 0 4px;
    }

    .article-entry table {
        border-top: solid 1px #ddd;
        border-left: solid 1px #ddd;
        width: 100%;
        margin-bottom: 16px;
    }

        .article-entry table th {
            background-color: #f9f9f9;
            text-align: center;
        }

        .article-entry table td, .article-entry table th {
            border-bottom: solid 1px #ddd;
            border-right: solid 1px #ddd;
            padding: 5px 10px;
        }

    .article-entry .alignleft {
        float: left;
        text-align: left;
        margin-right: 10px;
    }

    .article-entry .aligncenter {
        text-align: center;
    }

    .article-entry .alignright {
        float: right;
        text-align: right;
        margin-left: 10px;
    }

    .article-entry .bdlikebutton {
        margin: 0 auto;
    }

    .article-entry pre, .comment pre {
        margin: 15px auto;
        font: 12px/20px 'courier new';
        border: 1px solid #ddd;
        border-left-width: 4px;
        background: #fbfbfb;
        padding: 10px 15px;
    }

.comment pre {
    margin: 5px 0;
    color: #666;
}

.article-entry blockquote {
    margin: 0 auto;
    margin-bottom: 28px;
    border: 1px solid #e5e5e5;
    border-left-width: 5px;
    padding: 10px 15px 5px;
    background-color: #fdfdfd;
    font-size: 15px;
    line-height: 33px;
}

    .article-entry blockquote p {
        margin: 0;
        padding: 0;
        margin-bottom: 3px;
        text-indent: 0;
    }

.article-footer {
    position: relative;
    overflow: hidden;
    padding: 60px 0 25px;
}

    .article-footer p {
        position: relative;
        overflow: hidden;
        height: 38px;
    }

    .article-footer .share {
        position: absolute;
        overflow: hidden;
        top: 12px;
        right: 0;
        background-color: #eee;
        padding: 0 8px;
    }

        .article-footer .share .bdsharebuttonbox {
            position: relative;
        }

    .article-footer .article-tags {
        position: absolute;
        overflow: hidden;
        top: 8px;
        left: 0;
        font-size: 13px;
    }

        .article-footer .article-tags span {
            display: inline-block;
            padding: 3px 8px 4px 8px;
            margin: 0 1px;
            color: #fff;
            font-size: 13px;
            background: #999;
        }

        .article-footer .article-tags a {
            display: inline-block;
            padding: 3px 8px 4px 8px;
            margin: 0 2px;
            color: #444;
            font-size: 13px;
            background: #f1f1f1;
        }

            .article-footer .article-tags a:hover {
                background: #38A3DB;
                color: #fff;
            }

    .article-footer .l, .article-footer .r {
        position: relative;
        font-size: 13px;
        margin: 0 3px;
        padding: 0 0 5px;
        color: #666;
        border-bottom: 3px #eee solid;
    }

        .article-footer .l:hover, .article-footer .r:hover {
            color: #38A3DB;
            border-color: #38A3DB;
        }

    .article-footer .r {
        position: absolute;
        right: 0;
    }

.btn-demo {
    display: block;
    padding: 15px 30px;
    font-size: 15px;
    line-height: 18px;
    color: #666;
    text-align: center;
    text-shadow: 0 1px 1px #ccc;
    background-color: #e6e6e6;
    background-image: -webkit-linear-gradient(top, #fdfdfd, #f5f5f5);
    background-image: -moz-linear-gradient(top, #fdfdfd, #f5f5f5);
    background-image: -ms-linear-gradient(top, #fdfdfd, #f5f5f5);
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 2px;
    box-shadow: 0 1px 2px #ddd;
}

    .btn-demo:hover {
        background: #f6f6f6;
        color: #333;
    }

    .btn-demo:active {
        background: #f6f6f6;
        color: #555;
        box-shadow: inset 0 2px 4px #ddd;
    }

a.btn-demo {
    text-decoration: none;
}

.article-info-text {
    margin-top: 15px;
    font-size: 14px;
}

.article-author {
    padding: 16px 16px 16px 68px;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
    color: #888;
    line-height: 20px;
    border: solid 1px #e2e2e2;
    border-left: solid 4px #ddd;
    background-color: #fbfbfb;
}

    .article-author .avatar {
        float: left;
        margin-left: -52px;
        width: 36px;
        display: block;
        border: solid 1px #ccc;
        border-color: #ccc #ccc #bbb #ccc;
        box-shadow: 1px 1px 1px #eee;
        padding: 1px;
        background-color: #fff;
        _display: inline;
    }

    .article-author h4 {
        font-size: 12px;
        margin-bottom: 3px;
        color: #333;
    }

    .article-author a {
        text-decoration: underline;
    }

.alipay {
    margin-bottom: 20px;
    text-align: center;
}

/* post-related */
.post-related {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

    .post-related ul {
        position: relative;
        overflow: hidden;
    }

        .post-related ul a {
            position: relative;
            overflow: hidden;
            float: left;
            display: block;
            width: 47%;
            font-size: 13px;
            margin: 0.5%;
            padding: 8px 1%;
            height: 18px;
            background-color: #f3f3f3;
            color: #444;
            text-overflow: ellipsis;
        }

            .post-related ul a:hover {
                background: #38A3DB;
                color: #fff;
            }

/* comment */
.comment #respond {
    margin: 10px 0 0;
}

.commentnew {
    margin: -16px 0 16px;
}

    .commentnew .c-floor {
        display: none;
    }

    .commentnew .c-main {
        margin-bottom: 5px;
    }

#comments {
    margin-bottom: 0px;
}

.comment {
    position: relative;
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .comment .comment {
        padding: 10px;
        margin: 23px 0 0 -88px;
        border-bottom: none;
        border-left: 3px solid #f0f0f0;
        background: #f8f8f8;
    }

    .comment .c-avatar {
        position: absolute;
        overflow: hidden;
        padding: 8px 0 0;
    }

        .comment .c-avatar .avatar {
            width: 45px;
            height: 45px;
            display: block;
            border: 1px solid #f2f2f2;
            border-radius: 50px;
            transition: all 0.3s ease-out;
        }

            .comment .c-avatar .avatar:hover {
                border-radius: 1px;
            }

    .comment .c-main {
        position: relative;
        overflow: visible;
        margin-left: 108px;
    }

        .comment .c-main .msgarticle {
            position: relative;
            overflow: visible;
            font-size: 15px;
            line-height: 200%;
            margin-right: 0px;
            padding-bottom: 22px;
        }

        .comment .c-main .c-meta {
            position: relative;
            margin-left: -50px;
            padding-bottom: 10px;
            color: #cecece;
        }

            .comment .c-main .c-meta .c-author {
                position: relative;
                font-size: 17px;
            }

                .comment .c-main .c-meta .c-author a {
                    color: #000;
                    text-decoration: none;
                }

                    .comment .c-main .c-meta .c-author a:hover {
                        color: #0082c8;
                    }

            .comment .c-main .c-meta .c-time {
                position: absolute;
                right: 0;
                font-size: 13px;
                padding: 4px 0;
            }

    .comment .c-footer {
        position: relative;
        overflow: hidden;
        font-size: 12px;
        padding: 1px 0;
    }

        .comment .c-footer a {
            position: relative;
            padding: 1px 8px;
            border-radius: 15px;
            color: #666;
            background-color: #eee;
        }

            .comment .c-footer a:hover {
                background-color: #38A3DB;
                color: #fff;
            }

    .comment .comment .comment .comment .c-footer a {
        display: none;
    }

    .comment .comment-reply-link {
    }

.ds-paginator {
    position: relative;
    overflow: hidden;
    clear: both;
    text-align: right;
    padding: 15px 0;
}

    .ds-paginator a {
        position: relative;
        background: none;
        border: 1px solid #38A3DB;
        color: #38A3DB;
        font-size: 15px;
        margin: 0 3px;
        padding: 2px 11px;
        border-radius: 18px;
    }

        .ds-paginator a:hover {
            border-color: #38A3DB;
            color: #fff;
            background: #38A3DB;
        }

#respond {
    position: relative;
    overflow: hidden;
    margin-bottom: 38px;
    font-size: 12px;
}

.reply-frm {
    padding: 8px;
    border-left: 3px solid #38A3DB;
    background-color: #f5f5f5;
}

    .reply-frm .base-tit {
        border: none;
    }

#cancel-reply {
    margin-left: 8px;
    font-size: 13px;
    background-color: none;
    color: #38A3DB;
    border: 1px solid #38A3DB;
    border-radius: 18px;
    padding: 2px 11px;
}

    #cancel-reply:hover {
        background-color: #38A3DB;
        color: #fff;
    }

.c-approved {
    border-radius: 2px;
    background-color: #fbfbfb;
    border: 1px solid #ccc;
    color: #999;
    display: inline-block;
    padding: 1px 5px;
    margin-top: 4px;
}

.wp-smiley {
    margin-bottom: -3px;
}

.comt-count {
    float: right;
    color: #999;
    margin-bottom: 5px;
}

.comt {
    position: relative;
    overflow: hidden;
}

.comt-box {
    position: relative;
    overflow: hidden;
    *overflow: hidden;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 8px;
    background-color: #fff;
}

.comt-area {
    position: relative;
    _margin-top: -35px;
    font-size: 14px;
    color: #666;
    background: none;
    border: none;
    width: 100%;
}

.comt-ctrl {
    position: relative;
    margin: 8px 0;
    _margin-right: -10px;
    height: 32px;
    line-height: 32px;
    color: #999;
}

.comt-addsmilies, .comt-addcode {
    float: left;
    color: #888;
    padding: 0 10px;
}

    .comt-addsmilies:hover, .comt-addcode:hover {
        color: #666;
    }

.comt-smilies {
    display: none;
    position: absolute;
    top: 0;
    left: 40px;
    height: 30px;
    background-color: #fbfbfb;
    overflow: hidden;
}

    .comt-smilies a {
        float: left;
        padding: 5px 2px 0px;
        *padding-top: 8px;
    }

.comt-ctrl label {
    margin: 0 5px;
}

    .comt-ctrl label input {
        margin-right: 4px;
    }

.comt-ctrl .imgVerify {
    border: 1px solid #ddd;
    height: 20px;
    width: 60px;
    vertical-align: middle;
    margin-left: 10px;
}

.comt-ctrl #inpVerify {
    border: 1px solid #ddd;
    background-color: #fff;
    margin: 0;
    padding: 1px 3px;
    width: 60px;
}

.comt-tips {
    position: absolute;
    right: 130px;
}

.comt-tip {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fbfbfb;
    width: 200px;
    text-align: right;
    color: #ff6600;
}

.comt-submit {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    font-weight: bold;
    background-color: #38A3DB;
    color: #fff;
    border-radius: 3px;
    height: 32px;
    width: 108px;
    cursor: pointer;
}

    .comt-submit:hover {
        background-color: #43beff;
    }

    .comt-submit:active {
        background-color: #43beff;
    }

.comt-comterinfo {
    position: relative;
    overflow: hidden;
    padding: 15px 0 0;
    color: #444;
    display: none;
}

    .comt-comterinfo li {
        position: relative;
        overflow: hidden;
        margin-bottom: 6px;
    }

    .comt-comterinfo label {
        margin: 5px;
        font-size: 14px;
    }

    .comt-comterinfo span {
        color: #bbb;
        margin: 5px;
    }

    .comt-comterinfo h4 {
        float: left;
        width: 170px;
        font-size: 12px;
        line-height: 64px;
        margin-left: -200px;
        text-align: right;
        _display: inline;
    }

    .comt-comterinfo ul {
    }

    .comt-comterinfo input {
        position: relative;
        border-radius: 3px;
    }

.comt-comterinfo-url {
    display: none;
}

#cancel-comment-reply-link {
    display: none;
    float: right;
    color: #bbb;
}

.comment #cancel-comment-reply-link {
    display: block;
}

.comt-title {
    margin: 0 0 5px;
}

#scrollto {
    position: fixed;
    right: 0;
    bottom: 17px;
    z-index: 999;
    width: 36px;
    font-family: simsun;
    display: none;
}

#totop, #tocomment {
    height: 32px;
    color: #fff;
    display: block;
    position: relative;
    background-color: #42A7DC;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    cursor: pointer;
}

    #totop:hover, #tocomment:hover {
        opacity: 0.8;
        filter: alpha(opacity = 80);
    }

    #totop em, #totop i, #tocomment em, #tocomment i {
        position: absolute;
        overflow: hidden;
        font-style: normal;
    }

#totop {
    font-size: 20px;
}

    #totop em {
        top: 9px;
        left: 8px;
        height: 10px\9 \0;
    }

    #totop i {
        top: 11px;
        left: 8px;
        color: #000;
        filter: alpha(opacity = 60) \9 \0;
        height: 8px\9 \0;
    }

    #totop:hover i {
        filter: alpha(opacity = 80) \9 \0;
    }

#tocomment {
    margin-top: 1px;
}

    #tocomment em {
        top: 10px;
        left: 10px;
        border: solid 1px #ccc;
        width: 14px;
        height: 10px;
        border-radius: 1px;
        box-shadow: 0 0 1px #ddd;
    }

    #tocomment i {
        top: 4px;
        top: 5px\9 \0;
        *top: 5px;
        left: 12px;
        letter-spacing: -3px;
        font-size: 14px;
    }

.showlinks {
    background-color: #eee;
    padding: 25px 0;
    position: relative;
    z-index: 1;
}

.showlink {
    float: left;
    font-weight: bold;
    color: #666;
}

    .showlink a {
        color: #666;
    }

        .showlink a:hover {
            color: #444;
        }

    .showlink .menu-item {
        float: left;
        width: 160px;
        margin-right: 30px;
    }

    .showlink .sub-menu {
        font-weight: normal;
        line-height: 24px;
        padding-top: 5px;
        margin-top: 5px;
        border-top: solid 1px #e2e2e2;
    }

        .showlink .sub-menu .menu-item {
            float: none;
            width: auto;
            margin-right: 0;
        }

        .showlink .sub-menu a {
            color: #888;
        }

            .showlink .sub-menu a:hover {
                color: #444;
            }

.rollto {
    position: fixed;
    right: 5px;
    bottom: 51px;
    z-index: 999;
    width: 32px;
    font-family: simsun;
    display: none;
}

.ico-totop, .ico-torespond {
    display: block;
    margin-top: 2px;
    height: 32px;
    width: 32px;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    cursor: pointer;
}

    .ico-totop:hover, .ico-torespond:hover {
        opacity: 0.9;
        filter: alpha(opacity = 90);
    }

.ico-totop {
    background-position: 0 0;
}

.ico-torespond {
    background-position: 0 -34px;
}

#totop {
    font-size: 20px;
}

    #totop em {
        top: 9px;
        left: 8px;
        height: 10px\9 \0;
    }

    #totop i {
        top: 11px;
        left: 8px;
        color: #000;
        filter: alpha(opacity = 60) \9 \0;
        height: 8px\9 \0;
    }

    #totop:hover i {
        filter: alpha(opacity = 80) \9 \0;
    }

#tocomment {
    margin-top: 1px;
}

    #tocomment em {
        top: 10px;
        left: 10px;
        border: solid 1px #ccc;
        width: 14px;
        height: 10px;
        border-radius: 1px;
        box-shadow: 0 0 1px #ddd;
    }

    #tocomment i {
        top: 4px;
        top: 5px\9 \0;
        *top: 5px;
        left: 12px;
        letter-spacing: -3px;
        font-size: 14px;
    }

@media screen and (max-width:1200px) {
    .popular {
        display: none;
    }

    .content {
        margin-right: 320px;
    }
}

@media screen and (max-width:980px) {
    .sidebar, .nav {
        display: none;
    }

    .excerpt .note {
        overflow: hidden;
    }

    .content, .single .content {
        margin-right: 0;
    }

    .post-related li {
        width: 156px;
        height: 170px;
    }
}

@media screen and (max-width:800px) {
    .search-form, .showlinks, .share {
        display: none;
    }

    .article-entry img {
        max-width: 97%;
    }

    .pagewrapper {
        padding-left: 0;
    }
}

@media screen and (max-width:480px) {
    .excerpt .pic {
        display: none;
    }

    .excerpt .note {
        height: auto;
    }

    .excerpt h2 {
        margin-top: 0;
    }

    .excerpt {
        padding-left: 0;
    }

    .header {
        text-align: center;
    }

    .logo {
        float: none;
        margin: 0 auto;
    }

    .search-form, .header-menu {
        display: none;
    }
}

/*tagcloud*/
.links-box, .tags-cloud {
    position: relative;
    overflow: hidden;
    clear: both;
    text-indent: 0;
    margin-bottom: 28px;
}

    .links-box a, .tags-cloud .tag-name {
        position: relative;
        float: left;
        overflow: hidden;
        padding: 3px 18px;
        margin: 0 5px 10px;
        background-color: #eee;
        color: #444;
        display: inline-block;
        text-indent: 0;
        border: none;
        border-radius: 1px;
    }

        .links-box a:hover, .tags-cloud .tag-name:hover {
            background: #38A3DB;
            color: #fff;
        }

    .tags-cloud .tag-name-size-0 {
        font-size: 15px;
    }

    .tags-cloud .tag-name-size-1 {
        font-size: 18px;
    }

    .tags-cloud .tag-name-size-2 {
        font-size: 21px;
    }

    .tags-cloud .tag-name-size-3 {
        font-size: 24px;
    }

    .tags-cloud .tag-name-size-4 {
        font-size: 28px;
    }

    .tags-cloud .tag-name-size-5 {
        font-size: 31px;
    }

    .tags-cloud .tag-name-size-6 {
        font-size: 35px;
    }

    .tags-cloud .tag-name-size-7 {
        font-size: 39px;
    }
